/*
商业主体: 红黑网站建设、设计类企业网站模板 AKCMS版 
版本：V1.0
发布地址: http://www.badmango.com/red-black-theme.html
*/

body,div,ul,li,h1,h2,h3,h4,h5,h6,p,th,td{margin:0;padding:0;}
img{border:0;width:100%;}
:focus{outline:0;}
strong,th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
:link,:visited,ins{text-decoration:none;}
a{color:#000;text-decoration:none;}
a:hover{color:#09c;}
.float-left{float:left;_display:inline;}
.float-middle{float:middle;_display:inline;}
.float-right{float:right;_display:inline;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.page-width{width:1200px;}
/* 清除浏览器自带样式 */
body{font:12px/24px "Microsoft YaHei","微软雅黑","Hei","黑体";color:#000;}
*html,*html body{background-attachment:fixed;background:url(about:blank);}
.header{width:100%;background-color:#FFF;border-top:3px solid #cc0f16;border-bottom:1px solid #e5e5e5;position:fixed;z-index:111111;top:0px;_position:absolute;_top:expression(documentElement.scrollTop+"px");}
.head{height:80px;margin:0 auto;}
.logo{width:240px;height:60px;margin-top:13px;background:url(images/logo.png) no-repeat left 0;}
.logo h1{display:block;width:100%;height:100%;}
.logo h1 a{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;}
.menu{height:80px;font-size:16px;line-height:80px;}
.menu li{float:left;padding-left:40px;}
.menu li a{padding:15px 0;}
.menu a.on{color:#cc0f16;border-bottom:2px solid #cc0f16;}

/* 头部结束 */
.main{margin:0 auto;overflow:hidden;}
.floor{width:100%;margin-top:30px;}
.floor-title{width:100%;height:24px;}
.floor-title-h2{height:24px;}
.floor-title-h2 h2{display:block;height:24px;font-size:24px;line-height:24px;}
.floor-title-more{font-size:14px;}
.floor-body{width:1215px;}
.floor-body li{width:228px;height:145px;float:left;margin:20px 15px 0 0;}
.floor-body li a{display:block;width:100%;height:100%;}
.floor-news{width:1215px;}
.floor-news li{width:228px;float:left;margin:15px 15px 0 0;}
.floor-news li a{display:block;color:#666;padding-left:10px;background:url(images/news-ico.png) no-repeat left center;}
.floor-news li a:hover{color:#09c;}
/* 首页案例图列表结束 */
.single-body{width:100%;}
.single-content{padding-top:114px;text-align:center;}
.single-content h3{font-size:22px;color:#cc0f16;}
.single-content p{margin:10px 0 25px 0;font-size:16px;color:#aeafaf;}
.mini-category a{display:inline-block;width:80px;height:30px;margin:0 4px;font-size:14px;line-height:28px;background:url(images/mini-category.png) no-repeat -90px 0;color:#333;}
.mini-category a.cur{background:url(images/mini-category.png) no-repeat 0 0;color:#FFF;}
.mini-category a:hover{background:url(images/mini-category.png) no-repeat 0 0;color:#FFF;}
/* 分类页顶部的简介与分类导航 */
.service-body{width:70%;margin-top:40px;line-height:28px;font-size:14px;line-height:28px; margin-left:auto; margin-right:auto}
.service-body h1{font-size:24px;margin-bottom:30px;}
.service-body p{padding:15px 0;color:#333;}
.service-body ul{font-size:16px;}
.service-image{display:block;width:360px;height:200px;}
.photography-body{width:360px;margin-right:60px;color:#2788c9;}
.photography-body a{color:#2788c9;}
.service-body a:hover{color:#09c;}
.photography-body .service-image{background:url(images/photography.png) no-repeat 0 0;}
.photography-body .service-image:hover{background:url(images/photography.png) no-repeat 0 -200px;}
.album-design{width:360px;color:#b74138;}
.album-design a{color:#b74138;}
.album-design .service-image{background:url(images/album-design.png) no-repeat 0 0;}
.album-design .service-image:hover{background:url(images/album-design.png) no-repeat 0 -200px;}
.web-design{width:360px;color:#0d997e;}
.web-design a{color:#0d997e;}
.web-design .service-image{background:url(images/web-design.png) no-repeat 0 0;}
.web-design .service-image:hover{background:url(images/web-design.png) no-repeat 0 -200px;}
/* 服务项目主体部分结束 */
.cases-body{width:100%;line-height:28px;}
.cases-body h2{margin-top:40px;font-size:24px;margin-bottom:10px;}
/*  案例页结束 */
.page-list{width:100%;margin-top:30px;line-height:34px;text-align:center;}
.page-list span,.page-list a{padding:3px 10px;margin:0 3px;}
.page-list span{border:1px solid #ccc;}
.page-list a{color:#cc0f16;background-color:#e3e3e3;border:1px solid #ccc;}
.page-list a:hover{color:#09c;border:1px solid #09c;}
/* 翻页结束 */
.article-main{width:100%;margin:0; auto;padding-top:140px;}
.article-body{overflow:hidden;background-color:#f6f6f6;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:14px;line-height:28px;}
.article-head{width:100%;height:112px;background-color:#cc0f16;}
.case-view a{color:#fff;}
.case-view a:hover{color:#09c;text-decoration:underline;}
.article-title{margin:15px 0 0 30px;text-align:left;color:#fff;}
.article-title h1{display:block;height:28px;font-size:28px;margin-bottom:15px;}
.article-title .share{padding-left:15px;}
.article-category{width:100px;height:30px;margin:40px 20px 0 0;}
.article-category a{display:inline-block;width:100%;height:100%;padding-left:25px;color:#cc0f16; background:url(images/article.png) no-repeat 0 0;}
.article-category a:hover{color:#FFF;background:url(images/article.png) no-repeat 0 -32px;}
.article-content{width:70%; margin-left:auto; margin-right:auto; margin-top:30px;}
.article-content h2{font-size:18px;padding-bottom:10px;}
.article-content h3{font-size:16px;padding-bottom:5px;}
.article-content strong{font-weight:bold;}
.article-content span{color:#cc0f16;}
.article-content a{color:#09c;}
.article-content a:hover{color:#cc0f16;text-decoration:underline;}
.article-content p{padding-bottom:20px;}
.article-content img{width:auto;}
.article-page{width:100%;padding:30px 0 20px 0;font-size:14px;line-height:30px;}
.article-page span{display:inline-block;width:30px;height:30px;}
.article-page a{color:#cc0f16;}
.article-page a:hover{color:#09c;text-decoration:underline;}
.prev,.neaxt{width:50%;}
.prev span{background:url(images/prevNext.png) no-repeat 0 0;}
.prev a{padding-left:15px;}
.next span{background:url(images/prevNext.png) no-repeat -36px 0;}
.next a{padding-right:15px;}
/* 内容页结束 */
.news{width:100%;margin-top:20px;font-size:14px;line-height:28px;}
.news-list{width:100%;padding:30px 0;border-bottom:1px dashed #ccc;}
.date{width:100px;height:120px;text-align:center;font-size:24px;color:#a9a9a9;}
.content{padding-left:20px;height:120px;width:1080px;}
.list-images{width:200px;height:120px;}
.list-images a{display:block;width:100%;height:100%;}
.news-title{padding-left:20px;height:120px;width:860px;}
.news-title h2{font-size:20px;margin-bottom:5px;}
.news-title p{color:#2a2a2a;}
.news-title p a{padding-left:10px;color:#cc0f16;}
.news-title p a:hover{color:#09c;text-decoration:underline;}
/* 新闻列表结束 */
.about-body{width:70%;margin-top:40px;line-height:28px;margin-left:auto; margin-right:auto}
.about-body h1{font-size:24px;margin-bottom:10px;}
.about-body h2{font-size:24px;margin-bottom:10px;}
.about-body p{font-size:14px;}
.about-body strong{font-weight:bold;}
.about{width:100%;}
.about p{padding-bottom:10px;}
.about img{padding-bottom:10px;}
.about strong{font-weight:bold;}
.about a{color:#cc0f16;}
/* 关于我们结束 */
.contact{width:100%;font-size:14px;padding-top:10px; margin-left:auto; margin-right:auto}
.contact .baiduMap{width:600px;height:350px;}
.contact .address{width:45%;}
.contact p{padding-bottom:10px;}
/* 联系我们结束 */
.footer{width:100%;margin-top:30px;background-color:#d9d6d6;border-top:1px solid #e5e5e5;}

/*.footer{width:100%;margin-top:30px;background-color:#d9d6d6;border-top:1px solid #e5e5e5;} */

.foot{margin:0 auto;padding:20px 0 70px 0;}
.copyright .copy-logo{width:156px;height:54px;}
.copyright p{color:#757675;padding-top:10px;line-height:18px;}
.copyright a{color:#757675;}
.foot-menu{width:210px;}
.foot-menu h4{font-size:16px;padding-bottom:10px;}
.foot-menu li{line-height:28px;*list-style-position:outside;}
.foot-menu li.qq{position:relative;}
.foot-menu li.qq .qq-url{display:block;width:74px;height:30px;background:url(images/qq-bg.png) no-repeat;text-indent:-10000px;overflow:hidden;position:absolute;z-index:1;top:-20px;left:112px;}
/* 窗口宽度<1200,设计宽度=1000 */
@media screen and (max-width:1199px){
.page-width{width:1000px;}
.floor-body{width:1028px;height:165px;overflow:hidden;}
.floor-body li{margin:20px 29px 0 0;}
.floor-news{width:1028px;height:135px;overflow:hidden;}
.floor-news li{margin:15px 29px 0 0;}
.news{margin-top:10px;}
.news-list{padding:20px 0;}
.date{display:none;}
.content{padding-left:0;width:100%;}
.news-title{padding-left:10px; width:790px;}
.contact .baiduMap{width:500px;}
.contact .address{width:45%;}
.contact p{padding-bottom:10px;}
.article-content img{width:auto;}
.foot{padding:10px 0 40px 0;}
.foot-menu{width:170px;}
.foot-menu li.qq .qq-url{top:-20px;left:112px;}
}
/* 窗口宽度<1000,设计宽度=720 */
@media screen and (max-width:999px){
.page-width{width:720px;}
.menu li{padding-left:20px;}
.floor{margin-top:15px;}
.floor-title-h2 h2{font-size:18px;}
.floor-body{width:738px;}
.floor-body li{margin:15px 18px 0 0;}
.floor-news{width:738px;}
.floor-news li{margin:10px 18px 0 0;}
.single-content h3{font-size:20px;}
.single-content p{margin:10px 0 15px 0;font-size:14px;}
.service-body{margin-top:20px;}
.service-body h1{font-size:22px;margin-bottom:20px;}
.service-body p{padding:10px 0;}
.service-body ul{font-size:14px;}
.service-image{display:block;width:360px;height:200px;}
.photography-body{margin-right:0;}
.web-design{float:left;}
.cases-body{line-height:24px;}
.cases-body h2{font-size:18px;margin-top:20px;margin-bottom:5px;}
.page-list{margin-top:10px;}
.article-main{padding-top:100px;}
.article-head{height:80px;}
.article-title{margin:15px 0 0 15px;}
.article-title h1{height:24px;font-size:24px;margin-bottom:5px;}
.article-title .share{padding-left:10px;}
.article-category{margin:25px 15px 0 0;}
.article-content{padding:15px 20px;}
.article-content h2{font-size:16px;}
.article-content h3{font-size:14px;}
.article-content p{padding-bottom:10px;}
.article-content img{width:auto;}
.article-page{padding:10px 0 10px 0;}
.prev,.neaxt{width:50%;}
.prev span{background:url(images/prevNext.png) no-repeat 0 0;}
.prev a{padding-left:15px;}
.next span{background:url(images/prevNext.png) no-repeat -36px 0;}
.next a{padding-right:15px;}
.news{margin-top:10px;}
.news-list{padding:10px 0;}
.content{padding-left:0px;}
.list-images{display:none;}
.news-title{padding-left:0;width:100%;}
.news-title h2{font-size:16px;margin-bottom:5px;}
.about-body{margin-top:20px;line-height:24px;}
.about-body h1{font-size:20px;text-align:center;}
.about-body h2{font-size:16px;}
.about p{padding-bottom:8px;}
.about img{padding-bottom:8px;}
.contact .baiduMap{width:100%;height:350px;}
.contact .address{width:100%;padding-top:10px;}
.footer{margin-top:15px;}
.foot{padding:10px 0 20px 0;}
.foot-menu{width:150px;}
.foot-menu li{line-height:22px;}
.foot-menu li.qq{display:none;}
.foot-about{display:none;}
}
/* 窗口宽度<720,设计宽度=640 */
@media screen and (max-width:719px){
.page-width{width:640px;}
.head{height:60px;}
.logo{margin-top:3px;}
.menu{height:60px;font-size:14px;line-height:60px;}
.menu li{padding-left:20px;}
.menu li a{padding:10px 0;}
.floor{margin-top:10px;}
.floor-title-h2 h2{font-size:14px;}
.floor-title-more{font-size:12px;}
.floor-body{width:645px;height:133px;}
.floor-body li{width:210px;height:133px;margin:10px 5px 0 0;}
.floor-news{width:645px;}
.floor-news li{width:210px;height:125px;margin:10px 5px 0 0;}
.single-content{padding-top:84px;}
.single-content h3{font-size:20px;}
.single-content p{margin:10px 0 15px 0;font-size:14px;}
.service-body{margin-top:20px;}
.service-body h1{text-align:center;font-size:22px;margin-bottom:20px;}
.service-body p{padding:10px 0;}
.service-body ul{font-size:14px;}
.photography-body{margin-right:0;}
.web-design{float:left;}
.photography-body,.album-design,.web-design{float:none;text-align:center;margin-left:140px;}
.cases-body{line-height:20px;}
.cases-body h2{font-size:14px;margin-top:10px;margin-bottom:3px;}
.page-list{margin-top:10px;}
.article-main{padding-top:80px;}
.article-body{line-height:22px;}
.article-head{height:90px;}
.article-title{margin:10px 0 0 10px;}
.article-title h1{height:18px;font-size:18px;margin-bottom:5px;}
.article-title .share{padding-left:5px;}
.article-category{margin:15px 10px 0 0;line-height:30px;}
.article-content{padding:10px 15px;}
.article-content h2{font-size:16px;padding-bottom:5px;}
.article-content h3{font-size:14px;padding-bottom:2px;}
.article-content p{padding-bottom:5px;}
.article-content img{width:100%;}
.article-page{padding:5px 0;font-size:14px;}
.prev,.neaxt{width:50%;}
.prev span{background:url(images/prevNext.png) no-repeat 0 0;}
.prev a{padding-left:15px;}
.next span{background:url(images/prevNext.png) no-repeat -36px 0;}
.next a{padding-right:15px;}
.news{margin-top:10px;line-height:22px;}
.news-list{padding:10px 0;}
.content{padding-left:0;height:auto;}
.news-title{padding-left:0;height:auto;}
.news-title h2{font-size:16px;margin-bottom:2px;}
.about-body{margin-top:10px;line-height:20px;}
.about-body h1{font-size:18px;margin-bottom:5px;}
.about-body h2{font-size:14px;margin-bottom:5px;}
.about-body p{font-size:12px;}
.about p{padding-bottom:5px;}
.about img{padding-bottom:5px;}
.contact .baiduMap{height:200px;}
.contact p{padding-bottom:10px;}
.footer{margin-top:10px;}
.foot{padding:10px 0 5px 0;}
.copyright p{padding-top:5px;line-height:16px;}
.foot-menu{width:140px;}
.foot-menu h4{font-size:14px;}
.foot-menu li{line-height:20px;}
.foot-menu li.qq{display:none;}
.foot-about{display:none;}
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:639px){
.page-width{width:480px;}
.head{height:60px;}
.logo{margin-top:3px;}
.menu{height:60px;font-size:12px;line-height:60px;}
.menu li{padding-left:5px;}
.menu li a{padding:0;}
.menu a.cur{border-bottom:0;}
.floor-title-h2 h2{font-size:12px;}
.floor-body{width:485px;height:308px;}
.floor-body li{width:235px;height:149px;margin:10px 5px 0 0;}
.floor-news{width:485px;height:270px;}
.floor-news li{width:235px;height:125px;margin:10px 5px 0 0;}
.single-content{padding-top:74px;}
.single-content h3{font-size:16px;}
.single-content p{margin:5px 0 10px 0;font-size:12px;}
.service-body{margin-top:10px;}
.service-body h1{font-size:18px;margin-bottom:10px;}
.service-body p{padding:5px 0;}
.service-body ul{font-size:12px;}
.photography-body{margin-right:0;}
.web-design{float:left;}
.photography-body,.album-design,.web-design{float:none;text-align:center;margin-left:60px;}
.cases-body{line-height:16px;}
.cases-body h2{font-size:12px;margin-top:5px;margin-bottom:2px;text-align:center;}
.page-list{margin-top:5px;line-height:34px;}
.page-list span,.page-list a{padding:2px 5px;}
.article-main{padding-top:73px;}
.article-body{font-size:12px;line-height:20px;}
.article-head{height:50px;}
.article-title{margin:5px 0 0 5px;}
.article-title h1{height:14px;font-size:14px;margin-bottom:3px;}
.article-title .share{padding-left:3px;}
.article-category{margin:10px 0 0 0;}
.article-content{padding:5px 10px;}
.article-content h2{font-size:14px;padding-bottom:3px;}
.article-content h3{font-size:12px;padding-bottom:1px;}
.article-content p{padding-bottom:5px;}
.article-content img{width:100%;}
.article-page{padding:5px 0;font-size:12px;}
.prev a{padding-left:5px;}
.next a{padding-right:5px;}
.news{font-size:12px;}
.contact .baiduMap{height:200px;}
.contact .address{padding-top:5px;}
.foot-menu{width:120px;}
.foot-about,.flink{display:none;} 
}
/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width:479px){
.page-width{width:320px;}
.head{height:83px;}
.logo{margin-top:3px;float:none;margin-left:72px;}
.menu{height:26px;font-size:12px;line-height:26px;}
.menu li{padding-left:5px;}
.menu li a{padding:0;}
.menu a.cur{border-bottom:0;}
.floor-body{width:330px;height:206px;}
.floor-body li{width:160px;height:98px;margin:5px 5px 0 0;}
.floor-news{width:320px;}
.floor-news li{width:320px;height:125px;margin:5px 0 0 0;}
.single-content{padding-top:104px;}
.single-content h3{font-size:14px;}
.single-content p{margin:3px 0 5px 0;}
.article-content img{width:100%;}
.mini-category a,.mini-category span{margin:0;}
.service-body{margin-top:5px;}
.service-body h1{font-size:16px;margin-bottom:5px;}
.service-body p{padding:3px 0;}
.photography-body{margin-right:0;}
.web-design{float:left;}
.photography-body,.album-design,.web-design{float:none;margin-left:0;}
.cases-body{line-height:14px;}
.article-main{padding-top:100px;}
.copyright{float:none;text-align:center;}
.copyright .copy-logo{margin-left:72px;}
.foot-menu{display:none;} 
}